<template>
  <div class="Com">
    {{ num }}
    <button @click="num++">点我+1</button>
  </div>
</template>
<script>
export default {
  /*在组件中,data不再是一个对象而是函数,是因为组件要有复用性,确保每个组件是一份单独的数据

  */
  data () {
    return {
      num: 1
    }
  },
  created () {
  },
  computed: {
  },
  methods: {
  }
}
</script>

<style lang='less'  scoped>
//scoped会给当前style下的标签加上一个随机自定义属性,添加样式时会根据属性选择器,选择对应的上的标签添加样式
.Com {
  background-color: pink;
  color: red;
}
</style>
